$fswhite: #fff;
$fs333: #333;
$fs999: #999;
$fsf33: #f3394e;

$bdwhite: #fff;
$bdeee: #eee;

$bgwhite: #fff;
$bgeee: #eee;
$bgf33: #f3394e;
$bgdf2: #df253a;

@mixin frow($justify-content: center, $align-items: center) {
  display: flex;
  justify-content: $justify-content;
  align-items: $align-items;
}

@mixin fcol($justify-content: center, $align-items: center) {
  @include frow($justify-content, $align-items);
  flex-direction: column;
}

@mixin dot() {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
